<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <title>SoundBox</title>
  <meta name="description" content="Music, Musician, Bootstrap" />
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimal-ui" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge">

  <!-- for ios 7 style, multi-resolution icon of 152x152 -->
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-barstyle" content="black-translucent">
  <link rel="apple-touch-icon" href="b/logo.png">
  <meta name="apple-mobile-web-app-title" content="Flatkit">
  <!-- for Chrome on Android, multi-resolution icon of 196x196 -->
  <meta name="mobile-web-app-capable" content="yes">
  <link rel="shortcut icon" sizes="196x196" href="b/logo.png">
  
  <!-- style -->
  <link rel="stylesheet" href="css/animate.css/animate.min.css" type="text/css" />
  <link rel="stylesheet" href="css/glyphicons/glyphicons.css" type="text/css" />
  <link rel="stylesheet" href="css/font-awesome/css/font-awesome.min.css" type="text/css" />
  <link rel="stylesheet" href="css/material-design-icons/material-design-icons.css" type="text/css" />
  <link rel="stylesheet" href="css/bootstrap/dist/css/bootstrap.min.css" type="text/css" />

  <!-- build:css css/styles/app.min.css -->
  <link rel="stylesheet" href="css/styles/app.css" type="text/css" />
  <link rel="stylesheet" href="css/styles/style.css" type="text/css" />
  <link rel="stylesheet" href="css/styles/font.css" type="text/css" />
  
  <link rel="stylesheet" href="libs/owl.carousel/dist/assets/owl.carousel.min.css" type="text/css" />
  <link rel="stylesheet" href="libs/owl.carousel/dist/assets/owl.theme.css" type="text/css" />
  <link rel="stylesheet" href="libs/mediaelement/build/mediaelementplayer.min.css" type="text/css" />
  <link rel="stylesheet" href="libs/mediaelement/build/mep.css" type="text/css" />

  <!-- endbuild -->
</head>
<body>
  <div class="app dk" id="app">
  
  <?php
require "db.php"; // подключаем файл для соединения с БД
?>

<!-- ############ LAYOUT START-->

  <!-- content -->
  <div id="content" class="app-content" role="main">
    <div class="app-header navbar-md black box-shadow-z1">
        <div class="navbar" data-pjax>
              <a data-toggle="collapse" data-target="#navbar" class="navbar-item pull-right hidden-md-up m-r-0 m-l">
                <i class="material-icons">menu</i>
              </a>
              <!-- brand -->
<?php if(isset($_SESSION['logged_user'])) : ?>
              <a href="player.php" class="navbar-brand md">
<?php else : ?>
			  <a href="index.php" class="navbar-brand md">
<?php endif; ?>
              	<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="32" height="32">
              		<circle cx="24" cy="24" r="24" fill="rgba(255,255,255,0.2)"/>
              		<circle cx="24" cy="24" r="22" fill="#1c202b" class="brand-color"/>
              		<circle cx="24" cy="24" r="10" fill="#ffffff"/>
              		<circle cx="13" cy="13" r="2"  fill="#ffffff" class="brand-animate"/>
              		<path d="M 14 24 L 24 24 L 14 44 Z" fill="#FFFFFF" />
              		<circle cx="24" cy="24" r="3" fill="#000000"/>
              	</svg>
              
              	<img src="b/logo.png" alt="." class="hide">
              	<span class="hidden-folded inline">SoundBox</span>
              </a>
              <!-- / brand -->

<?php if(isset($_SESSION['logged_user'])) : ?>

              <!-- nabar right -->
              <ul class="nav navbar-nav pull-right">
                <li class="nav-item">
                  <a href="profile.php" class="nav-link">
                    <span class="btn btn-sm rounded primary _600">
                      <?php echo $_SESSION['logged_user']->login; ?>
                    </span>
                  </a>
                </li>
              </ul>
              <!-- / navbar right -->
      
              <!-- navbar collapse -->
              <!-- / navbar collapse -->
        </div>
    </div>
    <div class="app-body">
	
	

<?php else : ?>


              <!-- nabar right -->
              <ul class="nav navbar-nav pull-right">
                <li class="nav-item">
                  <a href="signup.php" class="nav-link">
                    Зарегестрироваться
                  </a>
                </li>
                <li class="nav-item">
                  <a href="signin.php" class="nav-link">
                    <span class="btn btn-sm rounded primary _600">
                      Войти
                    </span>
                  </a>
                </li>
              </ul>
              <!-- / navbar right -->
      
              <!-- navbar collapse -->
              <!-- / navbar collapse -->
        </div>
    </div>
    <div class="app-body">


<?php endif; ?>



<!-- ############ PAGE START-->


<div class="owl-carousel black owl-theme owl-dots-bottom-center" data-ui-jp="owlCarousel" data-ui-options="{
             items: 1
            ,loop: true
            ,autoplay: true
            ,nav: true
          }">
	<div class="row-col" style="background-image: url('images/23.jpg'); box-shadow: inset 0 0 85px rgba(0, 0, 0, 0.4);">
		<div class="col-lg-2"></div>
		<div class="col-lg-8 text-center">
			<div class="p-a-lg">
				<h2 class="display-4 m-y-lg">Находите, транслируйте и делитесь постоянно расширяющимся миксом музыки от начинающих и крупных исполнителей со всего мира.</h2>
				<h6 class="text-muted m-b-lg">Совершенно бесплатно!</h6>
<?php if(isset($_SESSION['logged_user'])) : ?>
				<a href="profile.php" class="btn circle btn-outline b-primary m-b-lg p-x-md">Приступить</a>
<?php else : ?>
				<a href="signin.php" class="btn circle btn-outline b-primary m-b-lg p-x-md">Приступить</a>
<?php endif; ?>
			</div>
		</div>
		<div class="col-lg-2"></div>
	</div>
	<div class="row-col" style="background-image: url('images/312.jpg'); box-shadow: inset 0 0 85px rgba(0, 0, 0, 0.4);">
		<div class="col-lg-2"></div>
		<div class="col-lg-8 text-center">
			<div class="p-a-lg">
				<h2 class="display-4 m-y-lg">SoundBox - платформа для потоковой передачи музыки и аудио, количество треков растет с каждой секундой. Благодаря шумному сообществу художников и музыкантов.</h2>
				<?php if(isset($_SESSION['logged_user'])) : ?>
				<a href="profile.php" class="btn circle btn-outline b-primary m-b-lg p-x-md">Приступить</a>
<?php else : ?>
				<a href="signin.php" class="btn circle btn-outline b-primary m-b-lg p-x-md">Приступить</a>
<?php endif; ?>
			</div>
		</div>
		<div class="col-lg-2"></div>
	</div>
	<div class="row-col" style="background-image: url('images/13411.jpg'); box-shadow: inset 0 0 85px rgba(0, 0, 0, 0.4);">
		<div class="col-lg-2"></div>
		<div class="col-lg-8 text-center">
			<div class="p-a-lg">
				<h2 class="display-4 m-y-lg">SoundBox - это то место, где вы можете найти исполнителей по своему вкусу, топовые треки, а также альбомы, занимающие первые места в чартах. Присоединяйся скорее!</h2>
				<?php if(isset($_SESSION['logged_user'])) : ?>
				<a href="profile.php" class="btn circle btn-outline b-primary m-b-lg p-x-md">Приступить</a>
<?php else : ?>
				<a href="signin.php" class="btn circle btn-outline b-primary m-b-lg p-x-md">Приступить</a>
<?php endif; ?>
			</div>
		</div>
		<div class="col-lg-2"></div>
	</div>
</div>
<div class="row-col">
	<div class="col-sm-6">
		<div class="black cover" style="background-image: url('images/222.jpg');">
			<div class="p-a-lg text-center">
				<h3 class="display-3 m-y-lg">Музыка</h3>
				<p class="text-muted text-md m-b-lg">Высшее качество звука.</p>
<?php if(isset($_SESSION['logged_user'])) : ?>
				<a href="player.php" class="btn circle white m-b-lg p-x-md">Слушать</a>
<?php else : ?>
				<a href="signin.php" class="btn circle white m-b-lg p-x-md">Слушать</a>
<?php endif; ?>
			</div>
		</div>
	</div>
	<div class="col-sm-6 black lt">
		<div class="black cover" style="background-image: url('images/123.jpeg');">
			<div class="p-a-lg text-center">
				<h3 class="display-3 m-y-lg">Артисты</h3>
				<p class="text-muted text-md m-b-lg">Следите за своими любимыми артистами.</p>
<?php if(isset($_SESSION['logged_user'])) : ?>
				<a href="artist.php" class="btn circle white m-b-lg p-x-md">Смотреть</a>
<?php else : ?>
				<a href="signin.php" class="btn circle white m-b-lg p-x-md">Смотреть</a>
<?php endif; ?>
			</div>
		</div>
	</div>
</div>

<div class="row-col dark-white">
	<div class="col-md-3"></div>
	<div class="col-md-6">
		<div class="p-a-lg text-center">
			<h3 class="display-4 m-y-lg">Зайдите на SoundBox, чтобы общаться с поклонниками, делиться своими звуками и расширять аудиторию. Чего же ты ждешь?</h3>
<?php if(isset($_SESSION['logged_user'])) : ?>
			<a href="profile.php" class="btn circle btn-outline b-black m-b-lg p-x-md">Приступить</a>
<?php else : ?>
			<a href="signin.php" class="btn circle btn-outline b-black m-b-lg p-x-md">Приступить</a>
<?php endif; ?>
		</div>
	</div>
	<div class="col-md-3"></div>
</div>

<div class="black cover" data-stellar-background-ratio="0.5" style="background-image: url('images/22.jpg');">
	<div class="row-col">
		<div class="col-md-4">
			<div class="p-a-lg text-center">
				<h4 class="m-y-lg">В нашем огромном каталоге вы найдете удивительный хип-хоп, электронику, рок, классику, джаз, подкасты, аудиокниги, спорт и многое, многое другое.</h4>
			</div>
		</div>
		<div class="col-md-4">
			<div class="p-a-lg text-center">
				<h4 class="m-y-lg">SoundBox предлагает семейство продуктов для всех слушателей и авторов. Присоединяйтесь к нашему разнообразному сообществу, общайтесь с любимыми артистами и открывайте для себя новую музыку уже сегодня.</h4>
			</div>
		</div>
		<div class="col-md-4">
			<div class="p-a-lg text-center">
				<h4 class="m-y-lg">SoundBox - это больше, чем просто потоковый сервис, это открытое глобальное сообщество, в котором каждый может загрузить любой звук для немедленного обнаружения.</h4>
			</div>
		</div>
	</div>
</div>

<!-- ############ PAGE END-->

    </div>
    <div class="white dk pos-rlt">
      <div class="p-a-md">
        <div class="footer p-y-md text-primary-hover">
        	<div class="row">
        		<div class="col-sm-8">
        			<a href="#"="#" class="text-muted text-sm">Cookies</a>
                </div>
                <div class="col-sm-4">
                	<div class="text-sm-right text-xs-left">
                		<small class="text-muted">&copy; Copyright 2021 Блохин Роман. Все права защищены.</small>
                	</div>
                </div>
        	</div>
        </div>
      </div>
    </div>
  </div>
  <!-- / -->

<!-- ############ LAYOUT END-->
  </div>

<!-- build:js scripts/app.min.js -->
<!-- jQuery -->
  <script src="libs/jquery/dist/jquery.js"></script>
<!-- Bootstrap -->
  <script src="libs/tether/dist/js/tether.min.js"></script>
  <script src="libs/bootstrap/dist/js/bootstrap.js"></script>
<!-- core -->
  <script src="libs/jQuery-Storage-API/jquery.storageapi.min.js"></script>
  <script src="libs/jquery.stellar/jquery.stellar.min.js"></script>
  <script src="libs/owl.carousel/dist/owl.carousel.min.js"></script>
  <script src="libs/jscroll/jquery.jscroll.min.js"></script>
  <script src="libs/PACE/pace.min.js"></script>
  <script src="libs/jquery-pjax/jquery.pjax.js"></script>

  <script src="libs/mediaelement/build/mediaelement-and-player.min.js"></script>
  <script src="libs/mediaelement/build/mep.js"></script>
  <script src="scripts/player.js"></script>

  <script src="scripts/config.lazyload.js"></script>
  <script src="scripts/ui-load.js"></script>
  <script src="scripts/ui-jp.js"></script>
  <script src="scripts/ui-include.js"></script>
  <script src="scripts/ui-device.js"></script>
  <script src="scripts/ui-form.js"></script>
  <script src="scripts/ui-nav.js"></script>
  <script src="scripts/ui-screenfull.js"></script>
  <script src="scripts/ui-scroll-to.js"></script>
  <script src="scripts/ui-toggle-class.js"></script>
  <script src="scripts/ui-taburl.js"></script>
  <script src="scripts/app.js"></script>
  <script src="scripts/site.js"></script>
  <script src="scripts/ajax.js"></script>
<!-- endbuild -->
</body>
</html>
